<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>商品展示</title>
		<link rel="stylesheet" href="css/indexcss.css">
		<script type="text/javascript" src="jquery/jquery-3.2.1.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				$(".shelves a").hover(
					},
					function(){
				);
			});
		</script>
	</head>
	<body>
		<div class="classify">
			<ul>
				<li><a href="#">手机</a></li>
				<li><a href="#">电脑</a></li>
				<li><a href="#">图书</a></li>
				<li><a href="#">衣服</a></li>
				<li><a href="#">电器</a></li>
				<li><a href="#">其他</a></li>
			</ul>
		</div>
		<div class="search">
			<form>
				<input type="text" name="search" id="search" value="" placeholder="搜   索" autocomplete="off" style="width: 600px;height:40px;border: solid 2px orangered;"/>
				<input type="button" name="searchbtn" id="searchbtn" value="搜         索" class="searchbtn"/>
			</form>
		</div>
		<div class="shelves">
			<a href="#" class="goodsitem">
			<div class="goods">
				<div class="item">
				<div class="user">
					<img src="img/touxiang.jpg" alt="头像" class="touxiang">
					<p style="line-height: 40px;">教主</p>
				</div>
				<img src="img/phone.jpg" alt="商品" class="goodstu">
				<p style="font-size: 20px; color: red;">￥50</p>
				<p class="info">出二手手机，有点老，但是又不是不能打电话，50面交啦</p>
				</div>
			</div>
			</a>
			<a href="#">
			<div class="goods">
				<div class="item">
				<div class="user">
					<img src="img/touxiang.jpg" alt="头像" class="touxiang">
					<p style="line-height: 40px;">教主</p>
				</div>
				<img src="img/phone.jpg" alt="商品" class="goodstu">
				<p style="font-size: 20px; color: red;">￥50</p>
				<p class="info">出二手手机，有点老，但是又不是不能打电话，50面交啦</p>
				</div>
			</div>
			</a>
			<a href="#">
			<div class="goods">
				<div class="item">
				<div class="user">
					<img src="img/touxiang.jpg" alt="头像" class="touxiang">
					<p style="line-height: 40px;">教主</p>
				</div>
				<img src="img/phone.jpg" alt="商品" class="goodstu">
				<p style="font-size: 20px; color: red;">￥50</p>
				<p class="info">出二手手机，有点老，但是又不是不能打电话，50面交啦</p>
				</div>
			</div>
			</a>
			<a href="#">
			<div class="goods">
				<div class="item">
				<div class="user">
					<img src="img/touxiang.jpg" alt="头像" class="touxiang">
					<p style="line-height: 40px;">教主</p>
				</div>
				<img src="img/phone.jpg" alt="手机" class="goodstu">
				<p style="font-size: 20px; color: red;">￥50</p>
				<p class="info">出二手手机，有点老，但是又不是不能打电话，50面交啦</p>
				</div>
			</div>
			</a>
			<a href="#" class="goodsitem">
			<div class="goods">
				<div class="item">
				<div class="user">
					<img src="img/touxiang.jpg" alt="头像" class="touxiang">
					<p style="line-height: 40px;">教主</p>
				</div>
				<img src="img/phone.jpg" alt="商品" class="goodstu">
				<p style="font-size: 20px; color: red;">￥50</p>
				<p class="info">出二手手机，有点老，但是又不是不能打电话，50面交啦</p>
				</div>
			</div>
			</a>
		</div>
	</body>
</html>
